<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		*{
			padding: 0;margin: 0;
		}
		li{
			list-style: none;
		}
		header{
			width: 100%;
			height: 55px;
			background-color: #000;
		}
		header ul{
			width: 50%;
			height: 55px;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			margin: 0 auto;
			color: #fff;
		}
		header ul li{
			line-height: 55px;
			padding: 0 20px;
		}
		.banner{
			width: 100%;
			height: 500px;
			background: url(./img/products-banner.jpg) no-repeat center;
		}
		.a{
			width: 100%;
			height: 320px;
			text-align: center;
			background: url(./img/products-hori-line.png) no-repeat bottom
		}
		.a h1{
			width: 100%;
			padding: 112px 0 32px;
		    font-size: 30px;
		    font-weight: 100;
		}
		.main{
			width: 100%;
			height: auto;
		}
		.mainBox{
			width: 60%;
			margin: 100px auto;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
		}
	</style>
</head>
<body>
	<header>
		<ul>
			<li>首页</li>
			<li>产品</li>
			<li>案例</li>
			<li>开发者中心</li>
			<li>社区</li>
			<li>区块链实验室</li>
			<li>教育</li>
			<li>广告</li>
			<li>关于我们</li>
		</ul>
	</header>
	<div class="banner"></div>
	<div class="a">
		<h1>产品中心</h1>
		<p>Egret 致力于为移动领域提供完整高效的游戏及应用解决方案。该方案包含了开源游戏引擎，云平台，开发工具集，打包工具，加速器等等，<br>旨在解决移动生态环境中各个环节的行业需求点，可以帮助开发者实现从项目制作研发到项目发布的高效平滑过渡。</p>
	</div>
	<div class="main">
		<div class="mainBox">
			<div class="imgbox">
				<img src="img/1.png" alt="">
			</div>
			<div class="imgbox">
				<img src="img/1.png" alt="">
			</div>
			<div class="imgbox">
				<img src="img/1.png" alt="">
			</div>
			<div class="imgbox">
				<img src="img/1.png" alt="">
			</div>
			<div class="imgbox">
				<img src="img/1.png" alt="">
			</div>

			<div class="imgbox">
				<img src="img/1.png" alt="">
			</div>
			<div class="imgbox">
				<img src="img/1.png" alt="">
			</div>
			<div class="imgbox">
				<img src="img/1.png" alt="">
			</div>

		</div>
	</div>
</body>
</html>